<template>
	<view id="container">
		<div @tap="back" class="back">←</div>
		<img :src="imgUrl" alt="" class="topbanner" mode="aspectFill" show-menu-by-longpress="true">
	</view>
</template>

<script>
	let appId = "wx67036938335db889" // wx67036938335db889  wx2facf5282e5ca5a6
	export default {
		data() {
			return {
				imgUrl: ''
			};
		},
		onLoad(options) {
			// test
			this.getBanner();
		},
		methods: {
			getBanner() {
				const that = this;
				this.$apis.wxmessage({
					appid: appId
				}).then(res => {
					that.imgUrl = res.q_thumb;
				}).catch(() => {});
			},
			back() {
				uni.navigateBack({
					delta: 1
				});
			},
		}
	}
</script>

<style>
	#container {
		width: 100%;
		height: 100%;
		display: block;
		background-color: red;
	}

	img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: red;
	}

	.back {
		width: 70rpx;
		height: 70rpx;
		position: fixed;
		top: 70rpx;
		left: 40rpx;
		color: #fff;
		font-size: 26rpx;
		text-align: center;
		line-height: 70rpx;
		float: left;
		border-radius: 250px;
		background: rgba(0, 0, 0, 0.4);
		z-index: 9999;
		border: 1px solid #fff;
	}
</style>